<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Biblos Server - Copyright Oficial Brasil©</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<h:outputStylesheet name="css/screen.css" />
	
	<style>
		div#rodape{
		   height:43px;
		   width:100%;
		   position: absolute;
		   bottom: 0;
		   right:20px;
		   text-align:right;
		}
	</style>
	
</h:head>
<h:body>
	<h:form id="formtemplate">
		<h:panelGroup id="page" layout="block">
		
			<!-- CABECALHO MENU -->
			<h:panelGroup id="header" layout="block">
				<p:menubar>
					<p:submenu label="Livros" icon="ui-icon-document">
						<p:menuitem value="Novo" url="#{request.contextPath}/livro/cadastro.jsf" icon="ui-icon-disk" />
						<p:menuitem value="Pesquisar" url="#{request.contextPath}/livro/pesquisa.jsf" icon="ui-icon-search" />
						<p:menuitem value="Atualizar" url="#{request.contextPath}/livro/atualiza.jsf" icon="ui-icon-pencil" />
							<p:separator />
						<p:menuitem value="Excluir" url="#{request.contextPath}/livro/exclusao.jsf" icon="ui-icon-trash" />
					</p:submenu>
					
					<p:submenu label="Reserva de Livros" icon="ui-icon-bookmark">
						<p:menuitem value="Reservar" url="#" icon="ui-icon-disk" />
							<p:separator />
						<p:menuitem value="Pendentes" url="#" icon="ui-icon-search" />
					</p:submenu>
					
					<p:submenu label="Funcionários" icon="ui-icon-star">
						<p:menuitem value="Novo" url="#{request.contextPath}/funcionario/cadastro.jsf" icon="ui-icon-disk" />
						<p:menuitem value="Pesquisar" url="#" icon="ui-icon-search" />
						<p:menuitem value="Atualizar" url="#" icon="ui-icon-pencil" />
							<p:separator />
						<p:menuitem value="Excluir" url="#" icon="ui-icon-trash" />
					</p:submenu>
					
					<p:submenu label="Ajuda" icon="ui-icon-help">
						<p:submenu label="Contato" icon="ui-icon-search">
							<p:menuitem value="(81) 9698-0687" />
							<p:menuitem value="Facebook" url="https://www.facebook.com/andre.luis.3762584" />
						</p:submenu>
					</p:submenu>
					<p:menuitem value="Sair" url="http://www.primefaces.org" icon="ui-icon-close" />
				</p:menubar>
			</h:panelGroup>
			
			<!-- CONTEUDO -->
			<h:panelGroup id="container" layout="block">
				<h:panelGroup id="content" layout="block">
					<ui:insert name="content" />
				</h:panelGroup>
			</h:panelGroup>
			
			<!-- RODAPE -->
			<div id="rodape">
				<h:panelGroup id="footer" layout="block">#{msg.footerText}</h:panelGroup>
			</div>
		</h:panelGroup>
	</h:form>
</h:body>
</html>
